﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="x-ua-compatible" content="ie=7"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>用户注册 - ${web.name}${web.additionalTitle!}</title>
    <link href="${root}/css/global.css" type="text/css" rel="stylesheet"/>
    <link href="${root}/css/layout.css" type="text/css" rel="stylesheet"/>
    <link href="${root}/css/member.css" type="text/css" rel="stylesheet"/>
    <link href="${root}/css/front.css" rel="stylesheet" type="text/css"/>
    <script src="${root}/js/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#baseForm").validate();
        });
        function onSubmit() {
            if (!$("#contract").attr("checked") == true) {
                alert("请阅读注册协议!");
                return;
            }
            $("#baseForm").submit();
        }
    </script>
</head>

<body>
[#include "../include/header_top.html"/]
<div id="head">
    [#include "../include/header_search.html"/]
    [#include "../include/header_nav.html"/]
</div>
<div class="center mt10">
    <div class="column_title"><span>注册新用户</span></div>
    <div class="regist_box">
        <form id="baseForm" action="register.htm" method="post">
            <div class="regist_box_left">
                <table width="100%" border="0" cellspacing="2" cellpadding="0">
                    <tr>
                        <td height="35" width="257" align="right" style="font-size:14px; color:#666666;">用户名：</td>
                        <td width="648"><input type="text" id="username" name="username" class="regist_input"
                                               vld="{required:true,rangelength:[3,20],remote:'${base}/username_unique.htm',messages:{remote:'用户名已存在'}}"/>
                        </td>
                    </tr>
                    <tr>
                        <td height="35" width="257" align="right">&nbsp;</td>
                        <td width="648"><font size="3">用户名由3到20位的中文字符、英文字母、数字组成。</font></td>
                    </tr>
                    <tr>
                        <td height="35" width="257" align="right" style="font-size:14px; color:#666666;">Email：</td>
                        <td width="648"><input type="text" name="email" id="email" class="regist_input"
                                               vld="{required:true,email:true,remote:'${base}/email_unique.htm',messages:{remote:'email已经被使用'}}"/>
                        </td>
                    </tr>
                    <tr>
                        <td height="35" width="257" align="right">&nbsp;</td>
                        <td width="648"><font size="3">输入有效邮箱地址并成功激活，可用此邮箱做为登录账号及找回密码</font></td>
                    </tr>
                    <tr>
                        <td height="35" width="257" align="right" style="font-size:14px; color:#666666;">密码：</td>
                        <td width="648"><input name="password" type="password" class="regist_input" id="password"
                                               vld="{required:true,rangelength:[6,32]}"/></td>
                    </tr>
                    <tr>
                        <td height="35" width="257" align="right">&nbsp;</td>
                        <td width="648"><font size="3">6－20位字符，可由大小写英文、数字或符号组成 </font></td>
                    </tr>
                    <tr>
                        <td height="35" width="257" align="right" style="font-size:14px; color:#666666;">确认密码：</td>
                        <td width="648"><input type="password" equalTo="#password" class="regist_input"/></td>
                    </tr>
                    <tr>
                        <td height="55" width="257" align="right" style="font-size:14px; color:#666666;">验证码：</td>
                        <td width="648"><input type="text" name="checkcode" class="regist_input"
                                               style="width:150px;height:25px;" vld="{required:true}"/>
                            <img id="checkcode" src="${base}/checkcode.svl" border="1" style="height:40px;width:100px;"
                                 onclick="$('#checkcode').attr('src','${base}/checkcode.svl?d'+new Date()*1);"/>
                            <a href="javascript:void(0);" class="xieyi"
                               onclick="$('#checkcode').attr('src','${base}/checkcode.svl?d'+new Date()*1);return false">看不清，换一张 </a>
                        </td>
                    </tr>
                    <tr>
                        <td height="35" width="257" align="right">&nbsp;</td>
                        <td width="648">
                            <input type="checkbox" id="contract" name="contract" checked="checked"/>
                            <a href="javascript:void(0);"
                               onclick="window.open('treaty.htm','','height=600,width=600,scrollbars=1');"
                               class="xieyi">已阅读并接受《 JSPGOU协议 》</a></td>
                    </tr>
                    <tr>
                        <td height="35" width="257" align="right">&nbsp;</td>
                        <td width="648"><input type="button" onclick="onSubmit();" value=" " class="regist-submit"/>
                        </td>
                    </tr>
                </table>
            </div>
        </form>
    </div>
</div>
[#include "../include/footer.html"/]
</body>
</html>
